﻿<%@ Page Title="" Language="C#"  MasterPageFile="~/controlasistencia/Plantilla.Master" AutoEventWireup="true" CodeBehind="Asistencias.aspx.cs" Inherits="Presentacion.controlasistencia.Asistencias"  %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script>
        function sucessMessage(success) {

            Messenger.options = {
                extraClasses: 'messenger-fixed messenger-on-bottom messenger-on-right',
                theme: 'flat'
            }

            Messenger().post({
                message: success,
                type: 'success',
                showCloseButton: true
            });
        }

        function errorMessage(errorMessage) {
            Messenger.options = {
                extraClasses: 'messenger-fixed messenger-on-bottom messenger-on-right',
                theme: 'flat'
            }

            Messenger().post({
                message: errorMessage,
                type: 'error',
                showCloseButton: true
            });
        }
    </script>
    <script src="js/jquery.jeditable.js"></script>
    <script>
        $(document).ready(function () {
            $('.editAsistencia').editable(function (value, settings) {
                var asisToAdd = {
                    idEstudiante: $(this).data('id'),
                    contenido: value,
                    cabecera: $(this).data('cab'),
                    observaciones: $("#contenido_txtObservaciones").val()
                };
                PageMethods.addAsistencia(asisToAdd, sucessMessage);
                return $(this).find('option:selected').text();

            },
                {
                    placeholder: '0',
                    //loadurl: Response.Write(controlasistencia_asistencias_aspx.obtenerTipoAsistencia(Request.QueryString["cod"].ToString(), int.Parse(Session["periodo"].ToString()))); %>",
                    data: function (value, settings) {
                        var _idCab = $(this).data('cab');
                        var result = $.ajax({
                            type: "POST",
                            url: "Asistencias.aspx/obtenerTipoAsistencia",
                            data: "{ id:'" + _idCab + "' }",
                            contentType: "application/json; charset=utf-8",
                            async: false,
                            dataType: "json"
                        }).responseJSON;
                        return result.d;
                        //return { id: 1 };                        
                    },
                    type: 'select',
                    event: 'click',
                    indicator: '<i class="fa fa-refresh fa-spin fa-spinner"></i>',
                    tooltip: 'Clic para Editar',
                    cssclass: 'sucess',
                    style: 'display:inline',
                    height: '20px',
                    width: '20px'
                }
                );
        });

            $(window).load(function () {

            });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contenido" runat="server">      
    <form id="frmAsistencia" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true">
        </asp:ScriptManager>
        <asp:Timer ID="Timer1" runat="server" Enabled="False" Interval="3000" OnTick="Timer1_Tick"></asp:Timer>
        <asp:HiddenField ID="hdfCabeceraActual" runat="server" />
        <div class="row">
            <div class="col-lg-12">
                <div class="page-title">
                    <h2>Asistencia
                        <small>
                            <asp:Label ID="lblCarrera" runat="server" Text=""></asp:Label></small>
                    </h2>
                    <ol class="breadcrumb">
                        <li><i class="fa"></i><a href="index.aspx" class="tamano-breadcrumbs">Inicio</a>
                        </li>
                        <li><i class="fa"></i><a href="listaDistribucion.aspx" class="tamano-breadcrumbs">Materias</a>
                        </li>
                        <li class="active tamano-breadcrumbs">Asistencia</li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="portlet portlet-green">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h4>INFORMACIÓN GENERAL</h4>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="portlet-body">
                        <!-- begin ADVANCED TABLES ROW -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="col-lg-4">

                                    <%--<div class="portlet portlet-orange">--%>
                                    <div class="portlet-heading">
                                        <div class="portlet-title">
                                            <h4>DATOS DEL CURSO</h4>
                                        </div>
                                        <div class="clearfix"></div>
                                        <%--  </div>--%>
                                        <table class="table table-hover">
                                            <tbody id="datosCurso" runat="server">
                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- /.portlet -->
                                </div>
                                <div class="col-lg-4">
                                    <div class="portlet-heading">
                                        <div class="portlet-title text-center">
                                            <h4>HORARIO DE CLASES</h4>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                    <div class="portlet-blue">

                                        <table class="table table-hover ">
                                            <thead>
                                                <tr>
                                                    <th class="text-center">Dia</th>
                                                    <th style="width: 150px;" class="text-center">Entrada</th>
                                                    <th style="width: 150px;" class="text-center">Salida</th>
                                                    <th style="width: 150px;" class="text-center">Horas</th>
                                                </tr>
                                            </thead>
                                            <tbody id="horario" runat="server">
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="col-lg-4">
                                    <div class="portlet-heading">
                                        <div class="portlet-title">
                                            <h4>RESUMEN SEMESTRAL:</h4>
                                        </div>
                                        <div class="clearfix"></div>
                                    </div>
                                    <table class="table table-hover">
                                        <tbody>
                                            <tr>
                                                <td>Total horas del semestre:</td>
                                                <td>
                                                    <asp:Label ID="lblTotalHoras" runat="server" Text="Label"></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td>Total de mes del mes anterior:</td>
                                                <td>
                                                    <asp:Label ID="lblTotalMesAnterior" runat="server" Text="Label"></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td>Total de asistencia de este mes:</td>
                                                <td>
                                                    <asp:Label ID="lblTotalMesActual" runat="server" Text="Label"></asp:Label></td>
                                            </tr>
                                            <tr>
                                                <td>Total de horas por semanas:</td>
                                                <td>
                                                    <asp:Label ID="lblSemanal" runat="server" Text="Label"></asp:Label></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h4>OBSERVACIONES</h4>
                                    <textarea id="TextArea" cols="20" rows="3" disabled="disabled" runat="server" class="form-control" style="resize:none"></textarea>
                                </div>

                                <!-- /.col-lg-12 -->
                            </div>

                        </div>
                       
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="col-sm-12">
                    <div>
                        <asp:Button ID="btnTomarAsistencia" CssClass="btn btn-default btn-lg" runat="server" Text="Tomar Asistencia" OnClick="btnTomarAsistencia_Click" />
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <br>
                <div class="portlet portlet-green">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h4>Lista de Estudiantes</h4>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="portlet-body">
                        <div id="estudiantesCurso" runat="server" class="tooltip-b table-responsive">
                        </div>
                        <div class="col-lg-12">
                            <asp:CheckBox ID="chbHabilitarReportes" runat="server" AutoPostBack="True" CssClass="checkbox" OnCheckedChanged="chbHabilitarReportes_CheckedChanged" Text="Acepto que la informacion fue verificada y está apegada a la verdad, confirmo que puede utilizada uso conveniente de la coordinacion académica. Este se debe seleccionar  unicamente al inicio de cada nuevo mes de clases." />
                        </div>
                        <div class="tooltip-b" align="right">
                            <asp:Button ID="btnConfirmarAsistencia" CssClass="btn btn-green" title="Confirmacion de Asistencia Diaria" data-toggle="tooltip" runat="server" Text="Confirmar Asistencia" OnClick="btnConfirmarAsistencia_Click" Visible="False" />
                        </div>
                        <div class="clearfix"></div>

                        <!-- /.table-responsive -->
                    </div>
                    <!-- /.portlet-body -->
                </div>
                <!-- /.portlet -->
            </div>
            <!-- /.col-lg-12 -->
        </div>
        <!-- /.row -->
        <div class="invisible">
            <div class="portlet-heading">
                <div class="portlet-title">
                    <h4>OBSERVACIÓN POR ASISTENCIA:</h4>
                </div>
                <div class="clearfix"></div>
            </div>
            <textarea id="txtObservaciones" runat="server" rows="8" cols="30" placeholder="Limit 250 characters." maxlength="250" style="resize: none" class="form-control">Asistencia modificada por el docente.</textarea>
        </div>

    </form>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="script" runat="server">
    <script src="js/plugins/hisrc/hisrc.js"></script>
    <!-- ///funcion para bloquear click derecho-->
    <script type="text/javascript">
        $(function () {

            // tooltip demo
            $('.tooltip-b').tooltip({
                selector: "[data-toggle=tooltip]",
                container: "body"
            });

            $("[data-toggle=popover]").popover({
                animation: true,
                html: true,
                trigger: 'click'
            });

        });


        //document.oncontextmenu = function () { return false; }
        var estado = false;
        function miniReporte() {
            if (estado) {
                return
            } else {
                Messenger.options = {
                    extraClasses: 'messenger-fixed messenger-on-bottom messenger-on-right messenger-message-inner',
                    theme: 'flat',
                    maxMessages: 1,
                }
                Messenger().post({
                    message: "Asistencias: 10 %   ||  Inasistencias: 10 %.",
                    type: 'info',
                    showCloseButton: true
                });
                estado = true;
            }
        }
        function cerrarReporte() {

            $('.tool').tooltip('destroy');
            estado = false;
        }
    </script>

</asp:Content>
